$customer-sex-bg-color:#7acbfa;
$customer-sex-color:#f0f8fe;
$customer-tab-active-color:#21a1eb;
$customer-tab-color:#777777;
$customer-tab-bottom-border:#e5e5e5;
$customer-footer-color:#21a1eb;
$customer-right-color:#b1b1b1;
.sub-header {
  height: $list-filter-height;
  display: flex;
  border-bottom:1px solid $customer-tab-bottom-border;
  position: relative;
  width:100%;
  .tabname{
    flex: 1;
    text-align:center;
    display: flex;
    background: white;
    position:relative;
    a{
      min-width: 40px;
      height: 100%;
      line-height: 45px;
      font-size:$font-primary-normal;
      display: inline-block;
      //margin-left: 10px;
      //margin-right: 10px;
      color:$customer-tab-color;
    }
  }
  .tabname-tip{
    position:absolute;
    top:1px;
    right:0px;
    padding:2px 6px;
    font-size:$font-secondary-large;
  }
  .tabname.active{
    border-bottom:2px solid $customer-tab-active-color;
    color: $customer-tab-active-color;
    font-size:$font-primary-normal;
  }
}